<template>
  <li class="dropdown-option" :class="{ 'is-disabled': disabled }">
    <slot name="default"></slot>
  </li>
</template>
<script setup lang="ts">
interface Props {
  disabled?: boolean
}
let { disabled } = defineProps<Props>()

</script>

<style>
.dropdown-option.is-disabled * {
  color: rgb(116, 129, 125);
  pointer-events: none;
  background-color: transparent;
}
</style>